@charset "utf-8";
* {
	font-family: "微软雅黑", "宋体", "黑体";
	margin: 0px;
	padding: 0px;
	border: none;
    color: #333;
	font-size: 1em;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.5s;
}
a {color: #000;}
a:hover {text-decoration: none;color: #000;}
a:focus {text-decoration: none;color: #000;}
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff2') format('woff2'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container-fluid {padding: 0;}

@media screen and (min-width: 1200px) {
	.container {padding: 0;width: 1200px;}

	header {background: #0e0e0e;}
	.welcome {display: none;}
	.welcome-body .wel-txt {padding: 0;}
	.welcome-body .wel-txt p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.welcome-body .wel-txt.wel-rt p {text-align: right;}
	.welcome-body .wel-txt strong {color: #fff;cursor: pointer;}
	.welcome-body .wel-txt strong:hover {color: orange;}
	.welcome-body .wel-txt a {display: inline-block;width: 120px;text-align: center;color: #fff;}
	.welcome-body .wel-txt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {z-index: 10;position: relative;}
	.head .head-lt {height: 120px;padding: 0;}
	.head .head-lt .head-logo {height: 100%;position: relative;}
	.head .head-lt .head-logo .img-box {width: 175px;height: 240px;padding: 10px;padding-bottom: 40px;background: url(../images/bg_logo.png) center center no-repeat;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: absolute;left: 10px;top: 0;}

	.head .head-rt {padding: 10px 0 0;position: static;}
	.head .head-rt .head-call {width: 100%;padding: 10px 0;}
	.head .head-rt .head-call:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box {float: right;}
	.head .head-rt .head-call .call-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box span {display: block;float: left;font-size: 18px;line-height: 30px;text-align: center;color: #fff;}	
	.head .head-rt .head-call .call-box span.iconfont {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;background: #ffffff;color: #0e0e0e;}
	.head .head-rt .head-call .call-box strong {display: block;float: left;padding: 0 5px;padding-right: 30px;font-size: 20px;line-height: 30px;color: #ffffff;}

	.head .head-bton {display: none;}


	/* ---- menu ---- */
	ul.LevSup {margin: 20px 0 0;height: 40px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup li.LabTop {float: left;width: 12.5%;padding: 0 0 20px;text-align: center;}
	ul.LevSup li.LabTop a.Topa {display: block;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 16px;line-height: 20px;color: #fff;position: relative;}
	ul.LevSup li.LabTop a.Topa:before {content: "/";display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;position: absolute;right: -10px;top: calc(50% - 10px);}
	ul.LevSup li.LabTop a.Topa:hover {color: orange;}
	ul.LevSup li.LabTop a.Topa:hover:before {color: #fff;}
	ul.LevSup li.LabTop:nth-last-child(1) a.Topa:before {display: none;}
	ul.LevSup li.LabTop span {display: none;}

	ul.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(200,200,200,0.9);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: none;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSup li.LabTop .LevBox.active {height: 160px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	ul.LevSup li.LabTop .LevBox.active .LevCon {display: block;}
	
	ul.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;transition: all 0.5s;}
	ul.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	ul.LevSup li.LabSub {width: 100%;padding: 5px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	ul.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px;}
	ul.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;color: #666;}
	ul.LevSup li.LabSub a:hover {background: none;color: orange;}


	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 750px;line-height: 750px;}


	/* ---- footer ---- */
	footer {background: #242424;}
	.foot {padding: 30px 0;}
	.foot:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .foot-lt {float: left;width: 400px;}
	.foot .foot-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .foot-lt .foot-logo {float: left;width: 160px;}
	.foot .foot-lt .foot-logo .img-box {width: 100%;height: 120px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-lt .foot-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.foot .foot-lt .foot-info {float: left;width: calc(100% - 160px);}
	.foot .foot-lt .foot-info .txt-box {height: 120px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-lt .foot-info .txt-box p {width: 100%;margin: 0;font-size: 14px;line-height: 30px;color: #fff;}

	.foot .foot-rt {float: left;width: calc(100% - 400px);margin: 10px 0;padding-left: 19px;border-left: 1px solid #3b3b3b;}
	.foot .foot-rt .foot-menu {margin: 5px 0;padding-bottom: 9px;border-bottom: 1px solid #3b3b3b;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-rt .foot-menu a {display: block;width: calc(12.5% - 20px);margin: 5px 10px;text-align: center;font-size: 16px;line-height: 30px;color: #fff;}
	.foot .foot-rt .foot-menu a:hover {color: orange;}
	.foot .foot-rt .foot-copy {}
	.foot .foot-rt .foot-copy .txt-box {padding: 5px 0;line-height: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot .foot-rt .foot-copy .txt-box span {display: block;padding: 0 0.5em;color: #fff;}
	.foot .foot-rt .foot-copy .txt-box p {display: block;padding: 0 0.5em;color: #fff;}
	.foot .foot-rt .foot-copy .txt-box a {color: #fff;}
	.foot .foot-rt .foot-copy .txt-box a:hover {color: orange;}

	.Fixed {display: none;}
}

@media screen and (max-width: 1200px) {

	.container {padding: 0;width: 1200px;}

	header {background: #0e0e0e;}
	.welcome {display: none;}
	.welcome-body .wel-txt {padding: 0;}
	.welcome-body .wel-txt p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.welcome-body .wel-txt.wel-rt p {text-align: right;}
	.welcome-body .wel-txt strong {color: #fff;cursor: pointer;}
	.welcome-body .wel-txt strong:hover {color: orange;}
	.welcome-body .wel-txt a {display: inline-block;width: 120px;text-align: center;color: #fff;}
	.welcome-body .wel-txt a:hover {color: orange;font-weight: bold;text-decoration: none;}
	
	.head {z-index: 10;position: relative;}
	.head .head-lt {height: 120px;padding: 0;}
	.head .head-lt .head-logo {height: 100%;position: relative;}
	.head .head-lt .head-logo .img-box {width: 175px;height: 240px;padding: 10px;padding-bottom: 40px;background: url(../images/bg_logo.png) center center no-repeat;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;position: absolute;left: 10px;top: 0;}

	.head .head-rt {padding: 10px 0 0;position: static;}
	.head .head-rt .head-call {width: 100%;padding: 10px 0;}
	.head .head-rt .head-call:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box {float: right;}
	.head .head-rt .head-call .call-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head .head-rt .head-call .call-box span {display: block;float: left;font-size: 18px;line-height: 30px;text-align: center;color: #fff;}	
	.head .head-rt .head-call .call-box span.iconfont {width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;background: #ffffff;color: #0e0e0e;}
	.head .head-rt .head-call .call-box strong {display: block;float: left;padding: 0 5px;padding-right: 30px;font-size: 20px;line-height: 30px;color: #ffffff;}

	.head .head-bton {display: none;}


	/* ---- menu ---- */
	ul.LevSup {margin: 20px 0 0;height: 40px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup li.LabTop {float: left;width: 12.5%;padding: 0 0 20px;text-align: center;}
	ul.LevSup li.LabTop a.Topa {display: block;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 16px;line-height: 20px;color: #fff;position: relative;}
	ul.LevSup li.LabTop a.Topa:before {content: "/";display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;position: absolute;right: -10px;top: calc(50% - 10px);}
	ul.LevSup li.LabTop a.Topa:hover {color: orange;}
	ul.LevSup li.LabTop a.Topa:hover:before {color: #fff;}
	ul.LevSup li.LabTop:nth-last-child(1) a.Topa:before {display: none;}
	ul.LevSup li.LabTop span {display: none;}

	ul.LevSup li.LabTop .LevBox {width: 100%;height: 0;margin: 0 auto;padding: 0;overflow: hidden;background: rgba(200,200,200,0.9);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 0.5s;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: none;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSup li.LabTop .LevBox.active {height: 160px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;top: 100%}
	ul.LevSup li.LabTop .LevBox.active .LevCon {display: block;}
	
	ul.LevSup ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;z-index: -1;transition: all 0.5s;}
	ul.LevSup ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSup ul.LevSub.active{position: static;margin: 0;display: block;}
	ul.LevSup li.LabSub {width: 100%;padding: 5px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	ul.LevSup li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px;}
	ul.LevSup li.LabSub a {margin: 0;padding: 0;width: 100%;color: #666;}
	ul.LevSup li.LabSub a:hover {background: none;color: orange;}


	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 750px;line-height: 750px;}


	/* ---- footer ---- */
	footer {background: #242424;}
	.foot {padding: 30px 0;}
	.foot:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .foot-lt {float: left;width: 400px;}
	.foot .foot-lt:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot .foot-lt .foot-logo {float: left;width: 160px;}
	.foot .foot-lt .foot-logo .img-box {width: 100%;height: 120px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-lt .foot-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.foot .foot-lt .foot-info {float: left;width: calc(100% - 160px);}
	.foot .foot-lt .foot-info .txt-box {height: 120px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-lt .foot-info .txt-box p {width: 100%;margin: 0;font-size: 14px;line-height: 30px;color: #fff;}

	.foot .foot-rt {float: left;width: calc(100% - 400px);margin: 10px 0;padding-left: 19px;border-left: 1px solid #3b3b3b;}
	.foot .foot-rt .foot-menu {margin: 5px 0;padding-bottom: 9px;border-bottom: 1px solid #3b3b3b;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-rt .foot-menu a {display: block;width: calc(12.5% - 20px);margin: 5px 10px;text-align: center;font-size: 16px;line-height: 30px;color: #fff;}
	.foot .foot-rt .foot-menu a:hover {color: orange;}
	.foot .foot-rt .foot-copy {}
	.foot .foot-rt .foot-copy .txt-box {padding: 5px 0;line-height: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot .foot-rt .foot-copy .txt-box span {display: block;padding: 0 0.5em;color: #fff;}
	.foot .foot-rt .foot-copy .txt-box a {color: #fff;}
	.foot .foot-rt .foot-copy .txt-box a:hover {color: orange;}

	.Fixed {display: none;}
}
@media (max-width: 1024px){
}
@media (max-width: 992px){
}
@media (max-width: 768px){
}
@media (max-width: 640px) {
	body {width: auto;}
	.container {width: 100%;}

	.head .head-lt {height: 90px;}
	.head .head-lt .head-logo {}
	.head .head-lt .head-logo .img-box {width: 120px;height: 160px;-webkit-background-size: 100%;background-size: 100%;}

	.head .head-rt {padding: 10px 0;}
	.head .head-rt .head-call {padding: 20px 0;}
	.head .head-rt .head-call .call-box strong {padding: 0;}

	.head .head-bton {display: block;padding: 0;}
	.head .head-bton .bton-menu {height: 90px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.head .head-bton .bton-menu span {display: block;margin: 0 auto;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 28px;color: #fff;}	
	.head-menu {width: 100%;height: 100%;background: rgba(0,0,0,0.1);z-index: 100;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
	.head-menu .menu-box {width: 40%;height: 100%;margin: 0;}

	ul.LevSup {display: block;width: 100%;height: 100%;margin: 0;padding: 20px 0;background: #0e0e0e;border-right: 4px solid #f1f1f1;position: static;top: auto;}
	ul.LevSup li.LabTop {float: none;width: 100%;margin: 0;padding: 0;text-align: left;position: relative;}
	ul.LevSup li.LabTop a.Topa {display: inline;line-height: 40px;margin: 0;padding: 0;padding-left: 5em;border: none;background: none;color: #fff;}
	ul.LevSup li.LabTop a.Topa:before {display: none;}
	ul.LevSup li.LabTop .LevBox {height: auto;z-index: 100;opacity: 1;}
	ul.LevSup li.LabTop .LevBox .LevCon {display: block;}
	ul.LevSup li.LabTop .LevBox .LevCon .TypeName {display: none;}
	ul.LevSup li.LabTop span.indicator {position: absolute;right: 1em;top: 10px;}
	ul.LevSup li.LabTop span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}
	
	ul.LevSup li.LabTop.active .LevBox {background: #2b2b2b;}
	ul.LevSup ul.LevSub {display: none;z-index: -1;}
	ul.LevSup ul.LevSub.active {position: static;display: block;margin: 0;}
	ul.LevSup ul.LevSub li.LabSub {float: none;width: 100%;margin: 0;padding: 0;opacity: 0;}
	ul.LevSup ul.LevSub li.LabSub a {display: block;line-height: 30px;padding-left: 6em;font-size: 16px;color: #000;}
	ul.LevSup ul.LevSub.active li.LabSub.active {opacity: 1;}


	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 240px;line-height: 240px;-webkit-background-size: 100% !important;background-size: 100% !important;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {font-size: 24px;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	/* ---- footer ---- */
	footer {}
	.foot {padding: 10px 0 60px;}
	.foot .foot-lt {float: none;width: 100%;padding: 0 15%;}
	.foot .foot-lt .foot-logo {width: 200px;}
	.foot .foot-lt .foot-logo .img-box {height: 170px;}
	.foot .foot-lt .foot-info {width: calc(100% - 200px);height: 170px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}

	.foot .foot-rt {float: none;width: 100%;border: none;padding: 0;}
	.foot .foot-rt .foot-menu a {width: calc(25% - 10px);margin: 5px;}
	.foot .foot-rt .foot-copy .txt-box {justify-content: center;}

	.Fixed {display: block;padding: 0;width: 100%;height: 50px;background: #0e0e0e;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;}
	.Fixed ul {width: 100%;height: 100%;}
	.Fixed ul li {float: left;width: 20%;padding: 5px 0;}
	.Fixed ul li span {display: block;width: 40px;height: 20px;line-height: 20px;text-align: center;margin: 0 auto;font-size: 28px;color: #fff;}
	.Fixed ul li p {margin: 0;font-size: 14px;line-height: 20px;text-align: center;color: #fff;}
}
@media (max-width: 414px) {
	.head .head-lt {height: 70px;}
	.head .head-lt .head-logo .img-box {width: 90px;height: 120px;padding: 5px;padding-bottom: 20px;}
	.head .head-rt {padding: 0;}
	.head .head-rt .head-call {padding: 5px 0;}
	.head .head-bton .bton-menu {height: 70px;}

	.head-menu .menu-box {width: 50%;}
	ul.LevSup li.LabTop a.Topa {font-size: 14px;padding-left: 3em;}
	ul.LevSup ul.LevSub li.LabSub a {font-size: 14px;padding-left: 3em;}

	.banner .swiper-container .swiper-slide {height: 240px;line-height: 240px;-webkit-background-size: 150% !important;background-size: 150% !important;}

	.foot .foot-lt {padding: 0;}
	.foot .foot-lt .foot-logo {width: 160px;}
	.foot .foot-lt .foot-logo .img-box {height: 140px;}
	.foot .foot-lt .foot-info {width: calc(100% - 160px);height: 140px;}
}
@media (max-width: 375px) {
	.head .head-rt .head-call .call-box span {font-size: 16px;}
	.banner .swiper-container .swiper-slide {height: 215px;line-height: 215px;}

	.foot .foot-lt .foot-logo {width: 120px;}
	.foot .foot-lt .foot-logo .img-box {height: 120px;}
	.foot .foot-lt .foot-info  {width: calc(100% - 120px);height: 120px;}
	.foot .foot-lt .foot-info .txt-box {}
	.foot .foot-lt .foot-info .txt-box p {line-height: 24px;}

	.foot .foot-rt .foot-menu a {font-size: 14px;line-height: 20px;}
}
@media (max-width: 360px) {
	.banner .swiper-container .swiper-slide {height: 205px;line-height: 205px;}
}
@media (max-width: 320px) {
	.banner .swiper-container .swiper-slide {height: 185px;line-height: 185px;}
}